﻿<!DOCTYPE html>
<html>
  <head>
    <title>页头 Page Header</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=1440, user-scalable=no"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/___page_header/styles.css" type="text/css" rel="stylesheet"/>
    <link href="http://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/___page_header/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (元件标题) -->

      <!-- 背景 (Dynamic Panel) -->
      <div id="u1801" class="ax_default" data-label="背景">
        <div id="u1801_state0" class="panel_state" data-label="State1" style="">
          <div id="u1801_state0_content" class="panel_state_content">
          </div>
        </div>
      </div>

      <!-- 线条 (Dynamic Panel) -->
      <div id="u1802" class="ax_default" data-label="线条">
        <div id="u1802_state0" class="panel_state" data-label="State1" style="">
          <div id="u1802_state0_content" class="panel_state_content">
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1803" class="ax_default _默认样式">
        <div id="u1803_div" class=""></div>
        <div id="u1803_text" class="text ">
          <p><span style="font-family:'FontAwesome Bold', 'FontAwesome Regular', 'FontAwesome';"></span><span style="font-family:'微软雅黑 Bold', '微软雅黑';"> 元件标题</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1804" class="ax_default _默认样式">
        <div id="u1804_div" class=""></div>
        <div id="u1804_text" class="text ">
          <p><span style="font-family:'FontAwesome';font-weight:400;"></span><span style="font-family:'微软雅黑';font-weight:400;"> </span><span style="font-family:'FontAwesome';font-weight:400;">作品首页</span></p>
        </div>
      </div>

      <!-- Unnamed (版权信息) -->

      <!-- Unnamed (Rectangle) -->
      <div id="u1806" class="ax_default _默认样式">
        <img id="u1806_img" class="img " src="images/___icons/u605.png"/>
        <div id="u1806_text" class="text ">
          <p><span>Copyright © </span><a id="u1807" class="link"><span>http://t.cn/EPh287q</span></a><span>, All Rights Reserved.</span></p><p><span>打造高保真原型，快人一步</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u1808" class="ax_default" data-left="20" data-top="100" data-width="1100" data-height="90">

        <!-- Unnamed (Rectangle) -->
        <div id="u1809" class="ax_default _默认样式">
          <div id="u1809_div" class=""></div>
          <div id="u1809_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">使用说明</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;">页面头部常用元件组合，一般由面包屑导航、页面标题、描述信息等元素组成，可根据需要进行调整。</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1810" class="ax_default _默认样式">
          <div id="u1810_div" class=""></div>
          <div id="u1810_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u1811" class="ax_default" data-left="20" data-top="500" data-width="1100" data-height="100">

        <!-- Unnamed (Rectangle) -->
        <div id="u1812" class="ax_default _默认样式">
          <div id="u1812_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1813" class="ax_default _默认样式">
          <div id="u1813_div" class=""></div>
          <div id="u1813_text" class="text ">
            <p><a id="u1814" class="link"><span style="color:#999999;">首页</span></a><span> </span><span style="color:#999999;">&gt;</span><span> </span><a id="u1815" class="link"><span style="color:#999999;">内容管理</span></a><span> </span><span style="color:#999999;">&gt;</span><span> 消息管理</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1816" class="ax_default _默认样式">
          <div id="u1816_div" class=""></div>
          <div id="u1816_text" class="text ">
            <p><span>页面标题</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u1817" class="ax_default" data-left="20" data-top="210" data-width="1100" data-height="65">

        <!-- Unnamed (Rectangle) -->
        <div id="u1818" class="ax_default _默认样式">
          <div id="u1818_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1819" class="ax_default _默认样式">
          <div id="u1819_div" class=""></div>
          <div id="u1819_text" class="text ">
            <p><span>页面标题</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u1820" class="ax_default" data-left="20" data-top="620" data-width="1100" data-height="130">

        <!-- Unnamed (Rectangle) -->
        <div id="u1821" class="ax_default _默认样式">
          <div id="u1821_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1822" class="ax_default _默认样式">
          <div id="u1822_div" class=""></div>
          <div id="u1822_text" class="text ">
            <p><a id="u1823" class="link"><span style="color:#999999;">首页</span></a><span> </span><span style="color:#999999;">&gt;</span><span> </span><a id="u1824" class="link"><span style="color:#999999;">内容管理</span></a><span> </span><span style="color:#999999;">&gt;</span><span> 消息管理</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1825" class="ax_default _默认样式">
          <div id="u1825_div" class=""></div>
          <div id="u1825_text" class="text ">
            <p><span>页面标题</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1826" class="ax_default _默认样式">
          <div id="u1826_div" class=""></div>
          <div id="u1826_text" class="text ">
            <p><span>一般由面包屑导航、页面标题、描述信息等元素组成，可根据需要进行调整。</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u1827" class="ax_default" data-left="20" data-top="295" data-width="1100" data-height="65">

        <!-- Unnamed (Rectangle) -->
        <div id="u1828" class="ax_default _默认样式">
          <div id="u1828_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1829" class="ax_default _默认样式">
          <div id="u1829_div" class=""></div>
          <div id="u1829_text" class="text ">
            <p><span>页面标题</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u1830" class="ax_default" data-left="874" data-top="315" data-width="230" data-height="25">

        <!-- Unnamed (Rectangle) -->
        <div id="u1831" class="ax_default _默认样式" selectiongroup="选项组-1">
          <div id="u1831_div" class=""></div>
          <div id="u1831_text" class="text ">
            <p><span>最新</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1832" class="ax_default _默认样式" selectiongroup="选项组-1">
          <div id="u1832_div" class=""></div>
          <div id="u1832_text" class="text ">
            <p><span>人气</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1833" class="ax_default _默认样式 selected" selectiongroup="选项组-1">
          <div id="u1833_div" class="selected"></div>
          <div id="u1833_text" class="text ">
            <p><span>推荐</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u1834" class="ax_default" data-left="20" data-top="380" data-width="1100" data-height="100">

        <!-- Unnamed (Rectangle) -->
        <div id="u1835" class="ax_default _默认样式">
          <div id="u1835_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1836" class="ax_default _默认样式">
          <div id="u1836_div" class=""></div>
          <div id="u1836_text" class="text ">
            <p><span>页面标题</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1837" class="ax_default _默认样式 selected" selectiongroup="选项组-2">
        <div id="u1837_div" class="selected"></div>
        <div id="u1837_text" class="text ">
          <p><span>消息管理</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1838" class="ax_default _默认样式" selectiongroup="选项组-2">
        <div id="u1838_div" class=""></div>
        <div id="u1838_text" class="text ">
          <p><span>用户管理</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1839" class="ax_default _默认样式" selectiongroup="选项组-2">
        <div id="u1839_div" class=""></div>
        <div id="u1839_text" class="text ">
          <p><span>素材管理</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u1840" class="ax_default" data-left="20" data-top="990" data-width="1100" data-height="244">

        <!-- Unnamed (Rectangle) -->
        <div id="u1841" class="ax_default _默认样式">
          <div id="u1841_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1842" class="ax_default _默认样式">
          <div id="u1842_div" class=""></div>
          <div id="u1842_text" class="text ">
            <p><a id="u1843" class="link"><span style="color:#999999;">首页</span></a><span> </span><span style="color:#999999;">&gt;</span><span> </span><a id="u1844" class="link"><span style="color:#999999;">订单管理</span></a><span> </span><span style="color:#999999;">&gt;</span><span> 订单详情</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1845" class="ax_default _默认样式">
          <div id="u1845_div" class=""></div>
          <div id="u1845_text" class="text ">
            <p><span>订单详情</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u1846" class="ax_default" data-left="20" data-top="1254" data-width="1100" data-height="250">

        <!-- Unnamed (Group) -->
        <div id="u1847" class="ax_default" data-left="20" data-top="1254" data-width="1100" data-height="250">

          <!-- Unnamed (Rectangle) -->
          <div id="u1848" class="ax_default _默认样式">
            <div id="u1848_div" class=""></div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u1849" class="ax_default _默认样式">
            <div id="u1849_div" class=""></div>
            <div id="u1849_text" class="text ">
              <p><a id="u1850" class="link"><span style="color:#999999;">首页</span></a><span> </span><span style="color:#999999;">&gt;</span><span> </span><a id="u1851" class="link"><span style="color:#999999;">退货管理</span></a><span> </span><span style="color:#999999;">&gt;</span><span> 服务单详情</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1852" class="ax_default _默认样式">
          <div id="u1852_div" class=""></div>
          <div id="u1852_text" class="text ">
            <p><span style="font-family:'FontAwesome';font-weight:400;color:#0079FE;"></span><span style="font-family:'微软雅黑';font-weight:400;"> </span><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;"> 服务单号：</span><span style="font-family:'微软雅黑';font-weight:400;">234231029431</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1853" class="ax_default _默认样式">
          <div id="u1853_div" class=""></div>
          <div id="u1853_text" class="text ">
            <p><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">联系人：</span><span style="font-family:'微软雅黑';font-weight:400;color:#999999;">张易谋</span></p><p><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">用户账号：</span><span style="font-family:'微软雅黑';font-weight:400;color:#999999;">小黑黑</span></p><p><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">电话号码：</span><span style="font-family:'微软雅黑';font-weight:400;color:#999999;">1888888****</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1854" class="ax_default _默认样式">
          <div id="u1854_div" class=""></div>
          <div id="u1854_text" class="text ">
            <p style="font-size:14px;"><span style="color:#999999;">当前状态</span></p><p style="font-size:18px;"><span>待处理</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1855" class="ax_default _默认样式">
          <div id="u1855_div" class=""></div>
          <div id="u1855_text" class="text ">
            <p style="font-size:14px;"><span style="color:#999999;">订单金额</span></p><p style="font-size:18px;"><span>¥1000.00 </span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1856" class="ax_default _默认样式">
          <div id="u1856_div" class=""></div>
          <div id="u1856_text" class="text ">
            <p><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">服务单号：</span><span style="font-family:'微软雅黑';font-weight:400;color:#999999;">77025824102</span></p><p><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">退货原因：</span><span style="font-family:'微软雅黑';font-weight:400;color:#999999;">质量问题</span></p><p><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">退货时间：</span><span style="font-family:'微软雅黑';font-weight:400;color:#999999;">2018-06-20 12:41:50</span></p><p><span style="font-family:'微软雅黑';font-weight:400;color:#999999;"><br></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1857" class="ax_default _默认样式">
          <div id="u1857_div" class=""></div>
          <div id="u1857_text" class="text ">
            <p><span>处理退货</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1858" class="ax_default _默认样式">
          <div id="u1858_div" class=""></div>
          <div id="u1858_text" class="text ">
            <p><span>添加备注</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1859" class="ax_default _默认样式">
          <div id="u1859_div" class=""></div>
          <div id="u1859_text" class="text ">
            <p><span>查看订单</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u1860" class="ax_default" data-left="20" data-top="770" data-width="1100" data-height="200">

        <!-- Unnamed (Rectangle) -->
        <div id="u1861" class="ax_default _默认样式">
          <div id="u1861_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1862" class="ax_default _默认样式">
          <div id="u1862_div" class=""></div>
          <div id="u1862_text" class="text ">
            <p><a id="u1863" class="link"><span style="color:#999999;">首页</span></a><span> </span><span style="color:#999999;">&gt;</span><span> </span><a id="u1864" class="link"><span style="color:#999999;">内容管理</span></a><span> </span><span style="color:#999999;">&gt;</span><span> 消息管理</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1865" class="ax_default _默认样式">
          <div id="u1865_div" class=""></div>
          <div id="u1865_text" class="text ">
            <p><span>页面标题</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u1866" class="ax_default _默认样式">
        <div id="u1866_div" class=""></div>
        <div id="u1866_text" class="text ">
          <p><span></span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u1867" class="ax_default" data-left="70" data-top="1090" data-width="1000" data-height="106">

        <!-- Unnamed (Horizontal Line) -->
        <div id="u1868" class="ax_default line">
          <img id="u1868_img" class="img " src="images/___page_header/u1868.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1869" class="ax_default _默认样式">
          <div id="u1869_div" class=""></div>
          <div id="u1869_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">提交订单</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;color:#999999;">2017-07-19 15:43:23</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1870" class="ax_default _默认样式">
          <div id="u1870_div" class=""></div>
          <div id="u1870_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">支付订单</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;color:#999999;">未支付</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1871" class="ax_default _默认样式">
          <div id="u1871_div" class=""></div>
          <div id="u1871_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">平台发货</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;color:#999999;"><br></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1872" class="ax_default _默认样式">
          <div id="u1872_div" class=""></div>
          <div id="u1872_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">确认收货</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;color:#999999;"><br></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u1873" class="ax_default _默认样式">
          <div id="u1873_div" class=""></div>
          <div id="u1873_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">完成评价</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;color:#999999;">、</span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u1874" class="ax_default _默认样式 selected">
          <img id="u1874_img" class="img " src="images/___page_header/u1874.png"/>
          <div id="u1874_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u1875" class="ax_default line">
          <img id="u1875_img" class="img " src="images/___page_header/u1875.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u1876" class="ax_default _默认样式">
          <img id="u1876_img" class="img " src="images/___page_header/u1876.png"/>
          <div id="u1876_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u1877" class="ax_default _默认样式 selected">
          <img id="u1877_img" class="img " src="images/___page_header/u1874.png"/>
          <div id="u1877_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u1878" class="ax_default _默认样式 selected">
          <img id="u1878_img" class="img " src="images/___page_header/u1874.png"/>
          <div id="u1878_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u1879" class="ax_default _默认样式">
          <img id="u1879_img" class="img " src="images/___page_header/u1874.png"/>
          <div id="u1879_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
